import React, { Component }  from 'react'

class TodoItem extends Component {
  constructor(props) {
    super(props)
    this.handleDelete = this.handleDelete.bind(this)
  }

  // 父组件通过属性的形式向子组件传递参数
  // 子组件通过props接受父组件传递过来的参数
  handleDelete() {
    const { index } = this.props
    // this.props.delete(this.props.index)
    this.props.delete(index)
    // console.log(this.props.index)
  }
  render() {
    const { content } = this.props
    return (
      <li onClick={this.handleDelete}>{content}</li>
    )
  }
}

export default TodoItem